<template>
  <div>
    <h1>Four</h1>
    <input type="text" v-model="msg" @change="getMsg" />
  </div>
</template>

<script>
import eventBus from "../utils/eventBus";
export default {
  name: "Four",
  props: [""],
  data() {
    return {
      msg: ""
    };
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {
    getMsg() {
      eventBus.$emit("getInfo", this.msg);
    }
  },

  watch: {}
};
</script>
<style lang='' scoped>
</style>